<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            margin-top: 150px;
            text-align: center;
            line-height: 40px;
            font-size: 50px;
        }
        #one{
            width: 800px;
            height: 900px;
            margin-top: 100px;
            margin-left: 400px;
            border-style: 2px black;
        }
    </style>
</head>
<body>
    <h1>美景</h1>
    <div id="one"></div>
</body>
    <script>
        //  let arr=["img/1.jpg","img/2.jpg","img/3.jpg"]
        //  let i=0;
        //  function pt()
        //  {
        //     document.getElementById("one").innerHTML='<img src="'+arr[i]+'">';//找到id为one的标签并为其添加arr[i]中的内容
        //     i++;
        //     if(i>2)
        //     {
        //         i=0;
        //     }
        //     setTimeout("pt()",3000);
        //  }
        //  pt()
        document.write("hahahah")//</p>宽度
         document.write("screen显示屏幕的相关信息"+"</p>")
         document.write("屏幕高度为："+screen.availHeight+"</p>")
         document.write("屏幕宽度为："+screen.availWidth+"</p>")
         document.write("比特深度为："+screen.colorDepth+"</p>")
         document.write("屏幕颜色分辨率："+screen.pixelDepth+"</p>")
        
    </script>
</html>